<template>
    <div>
        <div :style='{ "padding": "20px 7%", "margin": "0px auto", "borderColor": "#ddd", "borderRadius": "0px", "background": "none", "borderWidth": "0 0 1px", "width": "100%", "borderStyle": "solid" }'
            class="breadcrumb-preview">
            <el-breadcrumb :separator="'Ξ'" :style='{ "fontSize": "14px", "lineHeight": "1" }'>
                <el-breadcrumb-item class="item1" to="/"><a>首页</a></el-breadcrumb-item>
                <el-breadcrumb-item class="item2" v-for="(item, index) in breadcrumbItem" :key="index"><a>{{ item.name
                        }}</a></el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="list-preview">
            <div class="list-content">
                <el-image :src="require('../../assets/ding.jpeg')"
                    style="width: 100%;height: 100%;border-radius: 30px;"></el-image>
            </div>
            <div class="list-content" style="margin-left: 50px;">
                <div class="title">文物鉴定,专业鉴定估价,快速了解价值</div>
                <div class="content">
                    文物鉴定是一项运用传统方法或现代科学技术分析辨识文物真伪、年代、质地、用途和价值的工作。文物鉴定属于文物学和博物馆学的范畴。一般情况下，考古地层中出土的文物基本不存在辨伪的工作，更多地是运用地层学、类型学和比较的方法对文化遗存进行时代判别。现也指文物鉴定专业，即在大学开设的文物鉴定本科专业，是专门用来培养文物鉴定高级专业人才的，如北大资源学院开设的文物鉴定专业。
                </div>
                <div class="goPage" @click="openPage">马上欣赏 ></div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    //数据集合
    data() {
        return {
            centerType: false
        }
    },
    created() {
        if (this.$route.query.centerType) {
            this.centerType = true
        }
    },
    //方法集合
    methods: {
        openPage() {
            this.$router.push('/index/wenwujianding')
        }
    }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.list-preview {
    display: flex;
    width: 86%;
    margin: 30px auto;
    align-items: center;
}

.title {
    font-size: 48px;
    font-weight: 700;
}

.list-content {
    flex: 1;

}

.content {
    font-size: 17px;
    margin-top: 20px;
}

.goPage {
    color: rgb(0, 102, 204);
    cursor: pointer;
    font-size: 17px;
    margin-top: 50px;
}
</style>